/** 详情页 **/
.detail{ }
@media (min-width:1200px){
.detail .detail-img{max-width:300px !important; margin-top:10px !important;}
/*.detail .detail-img img{ width:280px!important; height:242px !important;}*/
}
.detail .detail-img{margin-top:10px}
.detail .detail-img img{ width:100%; height:100%;}
.detail .detail-text{margin-top:10px}
.detail .detail-text ul{display: inline-block; margin-bottom:5px}
.detail .detail-text h2{ margin-top:0; font-size:18px;margin-bottom: 5px;}
.detail .detail-text p{margin-bottom: 8px; color:#333}
.detail .detail-text p.describe{ padding:1px; color:#999; font-size:12px;}
.detail .detail-text ul li{background-color: #7ecef4;float: left;font-size: 12px;text-align: center;color: #fff;line-height: 24px; padding:0 10px;border-radius: 4px; margin-right:5px; margin-top:8px}
.detail .detail-text .api{ margin:10px 0 20px 0}
.detail .detail-text .api a{ margin-right:10px; margin-top:10px}
.detail .detail-text .api a.active{ background: url(../images/check.png) no-repeat; background-position: bottom right;}
.detail div.detail-bottom{ color:#999; line-height:36px;}
.detail div.detail-bottom span{ color:#1080f2; font-size:24px; margin-right:10px; line-height:36px}
.detail div.detail-bottom span i{ margin-right:5px; font-size:18px}
.detail a.detail-bottom{ margin-left:30px; border:0}
.detail-body{ margin-top:10px}
.detail-body ul.nav-tabs li.active a{ color:#1080f2}
.detail-body .tab-content{ padding:10px 10px;}
.detail-body .tab-content label,.detail-body .tab-content .form-group div,.detail-body .tab-content .form-group p{ line-height:30px; margin-bottom:0}
.detail-body .tab-content .form-group{ display:table;width: 100%; padding:10px 0; margin:0; border-bottom:1px dashed #e5e5e5}
.detail-body .tab-content .form-group.update span{ margin-right:20px; padding:3px 5px; color:#fff;border-radius: 4px;}
.detail-body .tab-content .form-group.update span i{ margin-right:5px}
.detail-body .tab-content .form-group.update span.left{ background:#89c997}
.detail-body .tab-content .form-group.update span.right{ background:#f6b37f}
.detail-body .tab-content .form-group a{ color:#1080f2}
.detail-body .tab-content .form-group a i{ margin:0 5px }
.detail-body .tab-content .form-group .p-text{font-size:14px; color:#666; line-height:30px; }
@media (min-width:1200px){.detail-body .tab-content .form-group.update label{ width:auto}}

/** 报告详情页 **/
.detail .detail-img img.presentation{ width:200px; height:280px;-webkit-box-shadow: 0 5px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 5px 7px rgba(0,0,0,0.3);box-shadow: -5px 5px 7px rgba(0,0,0,0.2);}
@media (min-width:768px){
.detail .detail-text.presentation{ height:280px}
.detail .detail-text.presentation div.detail-bottom{ position:absolute; bottom:0;}
}
.detail-body-presentation{margin-top:10px}
.detail-body-presentation .title{color:#333; font-size:16px; line-height:30px; margin:30px 0 10px 0; padding-left: 10px}
.detail-body-presentation > div{ overflow-x: auto; overflow:}
.detail-body-presentation img{ max-width:900px !important; max-height:500px !important}
@media (max-width:1200px){.detail-body-presentation img{ width:100%}}

/** API调试页 **/
.detail-body.debugging .tab-content .form-group{ border-bottom:0}
.detail-body.debugging .tab-content .form-group div.border-solid{ border:1px solid #e5e5e5; padding:10px 15px; line-height:20px;border-radius: 4px;}
.detail-body.debugging .tab-content .form-group label{padding-left:0; line-height:35px}

/** 套餐弹窗样式 **/
.modal-package .modal-dialog{max-width:550px; top:10%; position:absolute; left:0; right:0;}
.modal-package .modal-dialog .modal-header{ font-size:16px; color:#000}
.modal-package .modal-dialog .modal-body li{border: 1px solid #e5e5e5;
    padding: 15px 20px;
    margin-top: 10px;
    float: none;
    color: #999;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
	line-height:20px;border-radius: 4px;}
.modal-package .modal-dialog .modal-body li:hover{    border: 1px solid #ff9933;
    transition: border 0.5s;}
.modal-package .modal-dialog .modal-body li.active{    border: 1px solid #ff9933;
    background: url(../images/check_jia.png) no-repeat;
    background-position: 100% 100%;}
.modal-package .modal-dialog .modal-body li span{    position: relative;
    right: 0;
    float: right;
    color: #ff9933;
    font-size: 30px;
	line-height:30px;
	margin-top:5px}
.modal-package .modal-dialog .modal-body li h5{font-size: 14px;
    color: #000;
    font-weight: normal;
    text-align: left;
    margin: 0;
	line-height:20px;}
.modal-package .modal-dialog .modal-footer{ border:0; text-align:center}
.modal-package .modal-dialog .modal-footer .btn-primary{padding:10px 50px; margin-bottom:15px;}